---
import ItemContent from "@components/style/ItemContent.astro"
---

<ItemContent>
  <div class="flex items-center justify-center">
  <div class="mx-3 flex items-center flex-wrap font-medium mt-2" th:each="category:${categoryList}">
    <a  th:href="${webConfig['oly.web.domain']+'/category/'+category.categoryId}"  class="inline-flex items-center px-5 py-2.5 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
        <span th:text="${category.categoryName}">大苏打撒</span>
        <span
          class="inline-flex items-center justify-center w-4 h-4 ms-2 text-xs font-semibold text-blue-800 bg-blue-200 rounded-full"
          th:text="${category.categoryPassCount}"
          >
          2
        </span>
    </a>
  </div>
  </div>
</ItemContent>



